<template>
  <div class="p20">
    <div>
      <f-time-picker v-model:value="newValue1" />
      {{ newValue1 }}
    </div>

    <div>
      <f-time-range-picker v-model:value="newValue2" />
      {{ newValue2 }}
    </div>
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue';

const newValue1 = ref();
const newValue2 = ref();

</script>
<style scoped></style>
